﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredInterna.Master" AutoEventWireup="true" CodeBehind="organizarCreditos.aspx.cs" Inherits="BancoIdeal.secured.organizarCreditos" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Organizar mis créditos
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <script src="../scripts/util.js" type="text/javascript"></script>
    <script type="text/javascript">
    	var dirProductos = "/WS/Productos.asmx";
    	$( function () {
    		loadingModal();
    		LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetGruposClienteFullCreditos', OnErrorCall, OnSuccessCallGruposCliente );
    	} );

    	function OnErrorCall( response ) {
    		alert( response.status + " " + response.statusText );
    	}

    	function ValidarEsCredito( idProducto ) {
    		if ( idProducto == 3
                || idProducto == 4
                || idProducto == 5
                || idProducto >= 9 ) {
    			return true;
    		} else {
    			return false;
    		}
    	}

    	function OnSuccessCallGruposCliente( response ) {
    		response = eval( "( " + response.d + " )" );
    		var j = 0;
    		for ( var i = 0; i < response.length; i++ ) {
    			if ( response[i].IdGrupoCliente == -1 ) {
    				for ( j = 0; j < response[i].Produc.length; j++ ) {
    					if ( ValidarEsCredito( response[i].Produc[j].IdProducto ) ) {
    						$( "#CreditosAOrganizar" ).append( '<li id="btnCreditoA' + j + '" class="fondoCreditosMenu"><a class="creditoDragable"><span><span>' + response[i].Produc[j].NombreProductoCliente + '</span></span></a><div class="contenidoCredito" style="display:none"><div class="idProductoCliente">' + response[i].Produc[j].IdProductoCliente + '</div><div class="idDiasMora">' + response[i].Produc[j].DiasMora + '</div><div class="idNombreCliente" >' + response[i].Produc[j].NombreProductoCliente + '</div><div class="idNombre" >' + response[i].Produc[j].NombreProducto + '</div><div class="idPeriodos" >' + response[i].Produc[j].Periodos + '</div><div class="idValor" >$' + response[i].Produc[j].ValorAprobadoCadena + '</div><div class="idProducto" >' + response[i].Produc[j].IdProducto + '</div></div></li>' );
    					}
    				}
    			} else {
    				if ( response[i].Produc.length <= 0 ) {
    					if ( $( '.paginaOrganizarCreditos .sinGrupos' ).css( 'display' ) ) {
    						$( '.paginaOrganizarCreditos' ).html( '' );
    					}
    					crearGrupoCreditos( response[i].NombreDelGrupo, 'GrupoCreditos_' + response[i].IdGrupoCliente, response[i].IdGrupoCliente );
    				} else {
    					if ( ValidarEsCredito( response[i].Produc[0].IdProducto ) ) {
    						if ( $( '.paginaOrganizarCreditos .sinGrupos' ).css( 'display' ) ) {
    							$( '.paginaOrganizarCreditos' ).html( '' );
    						}
    						crearGrupoCreditos( response[i].NombreDelGrupo, 'GrupoCreditos_' + response[i].IdGrupoCliente, response[i].IdGrupoCliente );
    						for ( j = 0; j < response[i].Produc.length; j++ ) {
    							if ( response[i].Produc[j].DiasMora > 0 ) {
    								$( '#GrupoCreditos_' + response[i].IdGrupoCliente ).append( '<div id="credito" class="infoCredito"><h3 class="tituloDeResumen"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProductoCliente + '</span></span></h3><ul class="creditoFeatures izquierda noMargin marginLeft7px"><li class="' + GetStyle( response[i].Produc[j].IdProducto ) + '"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProducto + '</span></span></a></li><li class="featurePlazo"><a href="#" title="Plazo de pago en meses"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].Periodos + '</span></span></a></li><li class="featurePagoMora"><a href="#" title="Pago en mora"><span class="fondoAdicional"><span class="estiloTexto">En mora</span></span></a></li></ul><div class="cuotaGroupCredito"><div class="iconTipoResumen iconoResumenTipoCreditos"></div><hgroup><h2 class="cuotaCredito derecha noMargin marginRight7px">$' + response[i].Produc[j].ValorAprobadoCadena + '</h2><h4 class="labelSaldo clear noMargin marginRight7px"><span class="fondoAdicional"><span class="estiloTexto">Total Cr&eacute;dito</span></span></h4></hgroup></div></div>' );
    							} else {
    								$( '#GrupoCreditos_' + response[i].IdGrupoCliente ).append( '<div id="credito" class="infoCredito"><h3 class="tituloDeResumen"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProductoCliente + '</span></span></h3><ul class="creditoFeatures izquierda noMargin marginLeft7px"><li class="' + GetStyle( response[i].Produc[j].IdProducto ) + '"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].NombreProducto + '</span></span></a></li><li class="featurePlazo"><a href="#" title="Plazo de pago en meses"><span class="fondoAdicional"><span class="estiloTexto">' + response[i].Produc[j].Periodos + '</span></span></a></li></ul><div class="cuotaGroupCredito"><div class="iconTipoResumen iconoResumenTipoCreditos"></div><hgroup><h2 class="cuotaCredito derecha noMargin marginRight7px">$' + response[i].Produc[j].ValorAprobadoCadena + '</h2><h4 class="labelSaldo clear noMargin marginRight7px"><span class="fondoAdicional"><span class="estiloTexto">Total Cr&eacute;dito</span></span></h4></hgroup></div></div>' );
    							}
    						}
    					}
    				}
    			}
    		}
    		InteraccionCuentas( 'creditosGroup' );
    		ScrollToolFun();
    		OrganizarCuentas();
    		$( '.cargandoModal' ).dialog( 'close' );
    	}
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SectionIcon" runat="server">
     <span class="icono iconoCreditos48x">
                    	&nbsp;
                    </span>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SectionTitle" runat="server">
    Créditos
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="InfoScreen" runat="server">
    Aquí puedes crear grupos que permiten diferenciar y organizar tus productos.<br />
    <strong>Recuerda:</strong> debes crear al menos un grupo para organizar tus créditos.
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="MoreInfoScreen" runat="server">
                <a href="#" class="verMasInfo">
                	<span class="fondoAdicional">
                    	<span class="estiloTexto">
                        	más información
                        </span>
                    </span>
                </a>
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="SectionOptions" runat="server">
                <ul>
                	<li>
                        <a href="Creditos.aspx" class="opcionSeccion">
                            <span class="icono creditos">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Mis créditos
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="informacionCreditos.aspx" class="opcionSeccion">
                            <span class="icono creditos">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Información de mis créditos
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="organizarCreditos.aspx" class="opcionSeccion">
                            <span class="icono organizar">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Organizar créditos
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="pagosCreditos.aspx" class="opcionSeccion">
                            <span class="icono pagos">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Pagar mis créditos
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="solicitarProductos.aspx" class="opcionSeccion">
                            <span class="icono nuevo">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Solicitar nuevo crédito
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="TitleSubSectionPanorama" runat="server">
    Organizar mis créditos
</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="OpcionesTileHorizontal" runat="server">
                <div id="organizarCreditos">
                	<p>Arrastre su Crédito al grupo donde desea organizarlo</p>
                    <ul id="CreditosAOrganizar">
                    </ul>
                    <a href="#" class="addGrupoCredito" title="Agregar Nuevo Grupo">
                    	<span class="fondoAdicional">
                        	<span class="estiloTexto">
                            	Agregar Nuevo Grupo
                            </span>
                        </span>
                    </a>
                </div>
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="MainContent" runat="server">
                <div class="paginaOrganizarCreditos">
                    
                    <div class="creditosGroup sinGrupos">
                    
                        <div class="creditosTitle">
                        	<span>No tiene grupos activos</span>
                        </div>
                        <div class="grupoCreditosScroll dottedLine">         
                            
                            <div id="espacioVacioCredito" class="AreaNuevoCredito fondoAlpaha30">
                                        <h3 class="tituloDeResumen colorGrisCCC">
                                            Debes crear un grupo para organizar tus Créditos.
                                        </h3>
                            </div>
                            
                        </div>
                    </div>
                
                </div>
</asp:Content>
<asp:Content ID="Content13" ContentPlaceHolderID="FooterWebPage" runat="server">
</asp:Content>
<asp:Content ID="Content14" ContentPlaceHolderID="VentanasEmergentes" runat="server">
    <div id="dialogGrupos" class="dialog" title="Crear un nuevo grupo de Creditos">
	Escriba el nombre que desea aignar al nuevo grupo de Creditos.<br />
	<em class="alinearDerecha"><small>Recuerde que por ahora, los grupos no podrán ser eliminados.</small></em>
		<div class="formularioProductos">
			<table class="tablaProductos" width="100%" border="0" cellspacing="0" cellpadding="0">
            	<tr>
                    <td width="40%" valign="top" class="alinearDerecha labelsModal">Nombre del grupo:
                      </td>
                    <td valign="top" width="60%"><input type="text" id="nombreNuevoGrupo" name="nombreNuevoGrupo"/></td>
               </tr>
            </table>
    	</div>
        <menu type="toolbar">
      		<div class="controlBtn">
          		<ul>
                    <li> <a href="#" title="Crear Grupo" class="boton_26px backgroundVerde"><span class="displayB iconoAceptarVentana"><span class="ocultar">nuevo</span></span></a></li>
                    <li> <a href="#" title="Cancelar" class="boton_26px backgroundRojo"><span class="displayB iconoCancelar"><span class="ocultar">eliminar Producto</span></span></a></li>
          		</ul>
        	</div>
		</menu>
        
  </div>
  <div id="eliminarDash" class="eliminarDash" title="Confirmar">
	    Esta Seguro que desea eliminar el grupo        
  </div>  
</asp:Content>
